{% extends '/lenta/base_index.html' %}

{% block head %}
    
    {{ super() }}

<style>
    #tag_area li {
        display: inline-block;
        margin: 2px 0px 2px 0px;
        padding: 0px 3px 0px 3px;
        background-color: #C7D7E5;
    }

    div.note_short_info {
        margin: 4px 0.5% 4px 0.5%;
    }
    div.note_short_info h3 {
        margin-bottom: 4px;
    }
    
    #paginator_old {
    	float: left;
    }
    
    #paginator_new {
    	float: right;
    }
</style>

{% endblock head %}


{% block main %}
    <p>{{ view_tag_link (tag)|safe }}</p>
    
    {% if notes %}
    	{{ notes_short_info_roll (notes)|safe }}
    {% else %}
    	<div>
    		There are no notes with tag <span>{{ tag.name }}<span>. 
    	</div>
    {% endif %}	
    
    <div id="paginator">
    	<span id="paginator_old">
    	{% if prev_page_url %}
    		<a href="{{ prev_page_url }}">older notes</a>
    	{% endif %}
    	</span>
    	<span id="paginator_new">
    	{% if next_page_url %}
    		<a href="{{ next_page_url }}">newer notes</a>
    	{% endif %}
    	</span>
    </div>

{% endblock  main %}


{% block sidebar %}
  
    <p>SIDEBAR</p>

{% endblock sidebar%}


